<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>d3.js案例代码在线展示</title>
</head>

<body style="margin-left: 40px;">
    <h2><a href="./d3-cookbook-v2-master/">D3 4.x数据可视化实战手册</a></h2>

    <div>
        <img style="width: 300px;" src="./assets/cookbook.png">
    </div>
    <div>

        <h4>第1章 D3.js入门指南</h4>

        <p>1.1 简介</p>

        <p>1.2 搭建简易的D3开发环境</p>

        <p>1.3 搭建基于NPM的D3开发环境</p>

        <p>1.4 理解D3风格的函数式JavaScript编程</p>

        <h4>第2章 精挑细选</h4>

        <p>2.1 简介</p>

        <p>2.2 选取单个元素</p>

        <p>2.3 选取多个元素</p>

        <p>2.4 迭代选集中的元素</p>

        <p>2.5 使用子选择器</p>

        <p>2.6 函数级联调用</p>

        <p>2.7 处理原始选集</p>

        <h4>第3章 与数据同行</h4>

        <p>3.1 简介</p>

        <p>3.2 将数组绑定为数据</p>

        <p>3.3 将对象字面量绑定为数据</p>

        <p>3.4 将函数绑定为数据</p>

        <p>3.5 数组的处理</p>

        <p>3.6 数据的过滤</p>

        <p>3.7 基于数据的图形排序</p>

        <p>3.8 从服务器加载数据</p>

        <p>3.9 利用队列异步加载数据</p>

        <h4>第4章 张弛有“度”</h4>

        <p>4.1 简介</p>

        <p>4.2 使用连续尺度</p>

        <p>4.3 使用时间尺度</p>

        <p>4.4 使用有序尺度</p>

        <p>4.5 字符串插值</p>

        <p>4.6 颜色插值</p>

        <p>4.7 复合对象插值</p>

        <h4>第5章 玩转坐标轴</h4>

        <p>5.1 简介</p>

        <p>5.2 坐标轴基础</p>

        <p>5.3 自定义刻度</p>

        <p>5.4 绘制表格线</p>

        <p>5.5 动态调节坐标轴尺度</p>

        <h4>第6章 优雅变换</h4>

        <p>6.1 简介</p>

        <p>6.2 单元素动画</p>

        <p>6.3 多元素动画</p>

        <p>6.4 使用缓动函数</p>

        <p>6.5 使用中间帧计算</p>

        <p>6.6 使用级联过渡</p>

        <p>6.7 使用选择性过渡</p>

        <p>6.8 监听过渡事件</p>

        <p>6.9 使用定时器</p>

        <h4>第7章 形状之美</h4>

        <p>7.1 简介</p>

        <p>7.2 创建简单形状</p>

        <p>7.3 使用线条生成器</p>

        <p>7.4 使用曲线</p>

        <p>7.5 更改线条的张力</p>

        <p>7.6 使用区域生成器</p>

        <p>7.7 使用断面曲线</p>

        <p>7.8 使用圆弧生成器</p>

        <p>7.9 实现圆弧过渡</p>

        <h4>第8章 图表美化</h4>

        <p>8.1 简介</p>

        <p>8.2 创建线图</p>

        <p>8.3 创建面积图</p>

        <p>8.4 创建散点图</p>

        <p>8.5 创建气泡图</p>

        <p>8.6 创建条形图</p>

        <h4>第9章 井然有序</h4>

        <p>9.1 简介</p>

        <p>9.2 创建饼图</p>

        <p>9.3 创建堆叠式面积图</p>

        <p>9.4 创建矩形式树状结构图</p>

        <p>9.5 创建树</p>

        <p>9.6 创建封闭图</p>

        <h4>第10章 可视化交互</h4>

        <p>10.1 简介
            10.2 鼠标交互
            10.3 多点触摸设备交互
            10.4 缩放和平移行为的实现
            10.5 拖曳行为的实现</p>

        <h4>第11章 使用“原力”</h4>

        <p>11.1 简介</p>

        <p>11.2 使用引力和相互作用力</p>

        <p>11.3 自定义速度</p>

        <p>11.4 设置连接约束</p>

        <p>11.5 借助力来辅助可视化</p>

        <p>11.6 操作“力”</p>

        <p>11.7 创建力导向图</p>

        <h4>第12章 地图的奥秘</h4>

        <p>12.1 简介
            12.2 美国地图的投影
            12.3 等值区域图的构建</p>

        <h4>第13章 测试驱动</h4>

        <p>13.1 简介</p>

        <p>13.2 下载Jasmine并搭建测试环境</p>

        <p>13.3 测试驱动——创建图表</p>

        <p>13.4 测试驱动——SVG渲染</p>

        <p>13.5 测试驱动——精确渲染</p>

        <p>附录 分分钟搞定交互式分析</p>

        <p>简介</p>

        <p>Crossfilter.js库</p>

        <p>多维图表库——dc.js</p>
    </div>

    <h2><a href="./d3-for-the-impatient-master/examples/">d3 for the impatient</a></h2>
    <div>
        <img style="width: 300px;" src="./assets/d3cover.png">
    </div>
    <div>

        <h4>第1章　引言</h4>

        <p>1.1　谁适合读这本书</p>

        <p>1.2　为什么选择D3</p>

        <p>1.3　通过本书你会学到什么</p>

        <p>1.4　如何阅读本书</p>

        <p>1.5　术语</p>

        <h4>第2章　让我们开始画图吧</h4>

        <p>2.1　第一个例子：单数据集图表</p>

        <p>2.2　第二个例子：双数据集图表</p>

        <p>2.3　第三个例子：让列表项动起来</p>

        <h4>第3章　核心问题：选择与绑定</h4>

        <p>3.1　选择集</p>

        <p>3.2　绑定数据</p>

        <p>3.3　操作选择集</p>

        <p>3.4　通过群组共享选择集之间的信息</p>

        <h4>第4章　事件、交互和动画</h4>

        <p>4.1　事件</p>

        <p>4.2　让鼠标交互加入进来</p>

        <p>4.3　平滑过渡</p>

        <p>4.4　基于定时器的动画</p>

        <h4>第5章　生成器、组件、布局：绘制曲线和形状</h4>

        <p>5.1　生成器、组件和布局</p>

        <p>5.2　符号</p>

        <p>5.3　直线和曲线</p>

        <p>5.4　圆、弧和饼图：使用布局</p>

        <p>5.5　其他形状</p>

        <p>5.6　编写自己的组件</p>

        <h4>第6章　文件、数据加载、格式规范：数据导入和输出</h4>

        <p>6.1　获取文件</p>

        <p>6.2　解析和编写表数据</p>

        <p>6.3　格式化数字</p>

        <h4>第7章　数值的视觉映射：补间、比例尺和坐标轴</h4>

        <p>7.1　补间</p>

        <p>7.2　比例尺</p>

        <p>7.3　坐标轴</p>

        <p>7.4　示例</p>

        <h4>第8章　颜色、彩色比例尺和热力图</h4>

        <p>8.1　颜色和颜色空间转换</p>

        <p>8.2　配色</p>

        <p>8.3　彩色比例尺</p>

        <p>8.4　伪色图及相关技术</p>

        <h4>第9章　树形图和网状图</h4>

        <p>9.1　树和层次数据结构</p>

        <p>9.2　力导向图</p>

        <h4>第10章　辅助工具：数组、统计和时间戳</h4>

        <p>10.1　操作数组结构</p>

        <p>10.2　数字数组的描述性统计</p>

        <p>10.3　处理日期和时间戳</p>

        <p>附录A　设置、工具和资源</p>

        <p>附录B　SVG便携手册</p>

        <p>附录C　JavaScript和DOM的速成指南</p>
    </div>


</body>

</html>